<template>
    <div class="w344 h122 fx1ys mx-b15">
        <div class="w110 h100p br5 fysxs pl12-t14 bsb ovh"
            v-for="item,index in card"
            :key="index"
            :style="{backgroundColor: item.bgc}">
                <span class="tc-42">{{item.title}}</span>
                <span class="t12 tf:tx10n-s8">{{item.des}}</span>
                <div class="w90"><img class="w100p" :src="item.img"></div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            card: [
                {title: '喜茶百货', bgc:'#f2dcda', des:'果汁茶新口味上市', img:require('@/assets/img/home-card1.png')},
                {title: '阿喜套餐', bgc:'#edece2', des:'企业欢聚享福利', img:require('@/assets/img/home-card2.png')},
                {title: '阿喜有礼', bgc:'#f4e6e1', des:'秋日好礼即刻送', img:require('@/assets/img/home-card3.png')},
            ]
        }
    },
}
</script>

<style lang='scss' scoped>

</style>